<template>
	<HeaderNav />
	<article>
		<!-- 网站主体 -->
		<div id="main">
			<section class="aside">
				<UserAside />
				<Advice />
			</section>
			
			<section>
				<h1 class="detail-col">我的收藏</h1>
				<div class="bg-hr"></div>
				<div id="sec-more-list" class="detail-col-list">
					<!-- 定义一个条目-->
					<div class="pro">
					   <div class="img">
						   <img src="../assets/images/rar.svg" />
					   </div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">spring cloud,spring boot 项目实例，两个</a>
							</div>
							<div class="down">
								<b class="uploader" title="作者">张三</b><b class="time" title="收藏时间">2019-11-22</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>

					<div class="pro">
						<div class="img">
							<img src="../assets/images/pdf.svg" />
						</div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">简易java开源订销管理系统.zip</a>
							</div>
							<div class="down">
								<b class="uploader" title="作者">张三</b><b class="time" title="收藏时间">2019-11-22</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>

					<div class="pro">
						<div class="img">
							<img src="../assets/images/zip.svg" />
						</div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">简易java开源订销管理系统.zip</a>
							</div>
							<div class="down">
								<b class="uploader" title="作者">张三</b><b class="time" title="收藏时间">2019-11-22</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>

					<div class="pro">

						<div class="img">
							<img src="../assets/images/txt.svg" />
						</div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">简易java开源订销管理系统.zip</a>
							</div>
							<div class="down">
								<b class="uploader" title="作者">张三</b><b class="time" title="收藏时间">2019-11-22</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>
					
					<!-- 分页插件 -->
					<VanPagination v-model="page" :totalItems="total" :itemsPerPage="12" :showPageSize="5" 
						:forceEllipses="true" />
				</div>
			</section>
		</div>
	</article>
	<Footer />
</template>

<script>
import HeaderNav from "../components/HeaderNav.vue";
import Footer from "../components/Footer.vue";
import UserAside from "../components/UserAside.vue";
import VanPagination from '../components/VanPagination.vue' ;
import Advice from "../components/Advice.vue";

export default {
	components: {
		HeaderNav, 
		Footer, 
		UserAside,
		VanPagination,
		Advice ,
	},
	data(){
		return {
			page: 1, 
			total: 200,
		}
	}
}
</script>

<style>
</style>